<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>holle react</title>
  </head>
  <body>
    <div id="root">Hello React</div>
    <!-- 引入核心react -->
    <script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.development.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.0.0-beta.3/babel.min.js"></script>
    <script type="text/babel">
      // 创建虚拟DOM元素
      const vDom = <h1>Hello React</h1>;
      // 渲染虚拟DOM到页面真实DOM容器中
      ReactDOM.render(vDom, document.getElementById("root"));
    </script>
  </body>
</html>
